<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<!--src资源路径:
    相对路径: 访问站内资源时使用
        1. 资源和页面在同一目录:直接写图片名
        2. 资源在页面的上级目录: ../图片名
        3. 资源在页面的下级目录:文件夹名/图片名
    绝对路径:访问站外资源时使用, 也称为图片盗链,有找不到图片的风险
    alt:当图片不能正常显示时显示的文本
    title:图片标题 悬停在图片上显示的内容
    width/height:设置宽高
        1. 像素
        2. 百分比
        如果只设置宽度高度会等比例缩放
    -->
<body>
<img src="a.png" alt="百度一下" width="295">
<img src="../b.png" title="恶灵" width="300">
<img src="abc/c.png"  width="600">
<img src="https://cdn.tmooc.cn/bsfile//imgad///ef6fcbf650e04b3a86b5f729553c2186.jpg">
</body>
</html>